<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音平商城-注册</title>
    <link rel="icon" href="img/favicon.ico">
    <link rel="stylesheet" href="css/register.css">
    <script src="libs/jquery.js"></script>
    <script src="libs/validation/jquery.validate.js"></script>
    <script src="libs/layer/layer.js"></script>
    <script src="js/register.js"></script>
</head>
<body>
<div id="all">
    <!--    头部-->
    <div class="head">
        <div class="head-main">
            <div class="h-left">
                <img src="img/login/logo.webp" alt="">
            </div>
            <div class="h-right">
                <p class="h-form">
                    为确保您的账号安全及正常使用，依《网络安全法》相关要求，会员账号需绑定手机。如您还未绑定，请尽快完成，感谢您的理解及支持！
                </p>
                <ul class="cooperation">
                    <li>
                        <a href="javascript:">
                            <img src="img/login/cooperImg.webp" alt="">
                        </a>
                        <span><img src="img/login/cooperFen.webp" alt=""></span>
                    </li>
                    <li>
                        <a href="javascript:">
                            <img src="img/login/cooperImg.webp" alt="">
                        </a>
                        <span><img src="img/login/cooperFen.webp" alt=""></span>
                    </li>
                    <li>
                        <a href="javascript:">
                            <img src="img/login/cooperImg.webp" alt="">
                        </a>
                        <span><img src="img/login/cooperFen.webp" alt=""></span>
                    </li>
                    <li>
                        <a href="javascript:">
                            <img src="img/login/cooperImg.webp" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!--    主要内容-->
    <div id="content" class="content">
        <div class="content-main">
            <div class="login-main">
                <h3>一个账号，玩转所有音平服务</h3>
                <form id="register" class="login">
                    <p class="title">
                        账号注册
                    </p>
                    <div class="inputAll">
                        <div class="inputItem">
                            <img src="img/login/username.jpg" alt="">
                            <input name="username" id="username" type="text" placeholder="请输入用户名" autocomplete="off">
                        </div>
                    </div>
                    <div class="inputAll">
                        <div class="inputItem">
                            <img src="img/login/username.jpg" alt="">
                            <input name="nickname" id="nickname" type="text" placeholder="请输入昵称" autocomplete="off">
                        </div>
                    </div>
                    <div class="inputAll">
                        <div class="inputItem">
                            <img src="img/login/password.jpg" alt="">
                            <input name="password" type="password" id="password" placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="inputAll">
                        <div class="inputItem">
                            <img src="img/login/password.jpg" alt="">
                            <input name="passwordTwo" type="password" placeholder="请确认密码">
                        </div>
                    </div>
                    <button type="submit" class="btn-login">立即注册</button>
                    <a href="login.html" id="back-login" class="btn-register">
                        已有账号,去登录
                    </a>
                </form>
            </div>
        </div>
    </div>

    <!--    底部-->
    <div class="foot">
        <p>关于我们&emsp;|&emsp;联系我们</p>
        <p>增值电信业务经营许可证：粤B2-20110237 | 粤ICP备11032710号-1</p>
        <p>© 2011-2021 音平公司版权所有，并保留所有权利（著作权及商标声明）。</p>
    </div>
</div>
</body>
</html>